<html>
<head>
	<title>Platte Carre</title>
	<script src="js/PlatteCarreeCoords.js"></script>
	<script src="js/EventCentral.js"></script>
	<style type="text/css">
		html{
			margin:0px;
		}
		body{
			margin:0px;
		}
		#pcContainer{
			width:100%;
			height:100%;
		}
		#pcImageContainer{
			width:80%;
			margin:auto;
		}
		#pc1 {
			width:100%;
		}
	</style>
</head>
<body>
	<div id="pcContainer">
		<div id="pcImageContainer"></div>
	</div>
	<script>
		var pc = new PlatteCarreeCoords(document.getElementById("pcImageContainer"), "pc1");
		pc.setImage("images/platte_carre01.png");
		EventCentral.getInstance().addEventListener(PlatteCarreeCoords.COORDS_CLICK, pcCoordsClickHandler)
		function pcCoordsClickHandler(event){
			console.log(event);
		}
	</script>

</body>
</html>